<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
<title>MY Reading Notes</title>

  


<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<link rel="alternate" type="application/rss+xml" href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/index.xml" title="Site Title">

<link href="https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/css/main.css" />
<link rel="stylesheet" href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/css/syntax.css" />
<link disabled id="dark-mode-theme" rel="stylesheet" href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/css/dark.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" integrity="sha384-v8BU367qNbs/aIZIxuivaU55N5GPF89WBerHoGA4QTcbUjYiLQtKdrfXnqAcXyTv" crossorigin="anonymous" />
<meta name="generator" content="Hugo 0.66.0" />
  </head>
  <body>
    
  




  <header>
    <nav class="navbar">
  <div class="nav">
    
      <a href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/" class="nav-logo">
      <img src="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/images/icon.png"
           width="50"
           height="50"
           alt="Logo">
      </a>
    

    <ul class="nav-links">
      
        
          <li><a href="/ypk-simple-and-minimal-personal-blog/about" name="About"><i class="fas fa-user"></i></a></li>
        
      
        
          <li><a href="/ypk-simple-and-minimal-personal-blog/tags" name="Tags"><i class="fas fa-tag"></i></a></li>
        
      
        
          <li><a href="/ypk-simple-and-minimal-personal-blog/search" name="Search"><i class="fas fa-search"></i></a></li>
        
      
    </ul>
  </div>
</nav>

    <div class="intro-header">
      <div class="container">
        <div class="post-heading">
          
            <h1>Posts</h1>
          
          
            <span class="meta-post">
  <i class="fa fa-calendar-alt"></i>&nbsp;Mar 28, 2020
</span>

          
        </div>
      </div>
    </div>
  </header>


    
<div class="container" role="main">
    <div class="posts-list">
      
        
      

      
        <article class="post-preview">
  <a href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/post/jackwelch5/">
      <h2 class="post-title">JackWelch5</h2>
  </a>
  <div class="post-entry">
    
  </div>

  <div class="postmeta">
    <span class="meta-post">
  <i class="fa fa-calendar-alt"></i>&nbsp;Mar 28, 2020
</span>

  </div>
</article>

      
        <article class="post-preview">
  <a href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/post/jackwelch/">
      <h2 class="post-title">JackWelch Chapter4</h2>
  </a>
  <div class="post-entry">
    
  </div>

  <div class="postmeta">
    <span class="meta-post">
  <i class="fa fa-calendar-alt"></i>&nbsp;Mar 21, 2020
</span>

  </div>
</article>

      
        <article class="post-preview">
  <a href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/post/jackwelch-chapter1/">
      <h2 class="post-title">JackWelch Chapter1</h2>
  </a>
  <div class="post-entry">
    
  </div>

  <div class="postmeta">
    <span class="meta-post">
  <i class="fa fa-calendar-alt"></i>&nbsp;Mar 14, 2020
</span>

  </div>
</article>

      
        <article class="post-preview">
  <a href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/post/eazyblog/">
      <h2 class="post-title">Easy blog</h2>
  </a>
  <div class="post-entry">
    
  </div>

  <div class="postmeta">
    <span class="meta-post">
  <i class="fa fa-calendar-alt"></i>&nbsp;Mar 13, 2020
</span>

  </div>
</article>

      
        <article class="post-preview">
  <a href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/post/my-firstblog/">
      <h2 class="post-title">My Firstblog</h2>
  </a>
  <div class="post-entry">
    
  </div>

  <div class="postmeta">
    <span class="meta-post">
  <i class="fa fa-calendar-alt"></i>&nbsp;Mar 13, 2020
</span>

  </div>
</article>

      
      </div>
    
</div>

    <footer>
  <div class="container">
    <p class="credits copyright">
      <a href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/about">ypkai</a>
      &nbsp;&copy;
      2020

      
        &nbsp;/&nbsp;
        <a href="https://yangpengkai.gitee.io/ypk-simple-and-minimal-personal-blog/">MY Reading Notes</a>
      

      &nbsp;&ndash;&nbsp;
      <i class="fas fa-moon" id="dark-mode-toggle"></i>

      <p class="credits theme-by">
        Powered By <a href="https://gohugo.io">Hugo</a>&nbsp;Theme <a href="https://github.com/matsuyoshi30/harbor">Harbor</a>
      </p>
    </p>
  </div>
</footer>

  </body>
  <script>
  var toggle = document.getElementById("dark-mode-toggle");
  var darkTheme = document.getElementById("dark-mode-theme");

  
  var savedTheme = localStorage.getItem("dark-mode-storage") || "light";
  setTheme(savedTheme);

  toggle.addEventListener("click", () => {
    if (toggle.className === "fas fa-moon") {
        setTheme("dark");
    } else if (toggle.className === "fas fa-sun") {
        setTheme("light");
    }
  });

  function setTheme(mode) {
    localStorage.setItem("dark-mode-storage", mode);

    if (mode === "dark") {
        darkTheme.disabled = false;
        toggle.className = "fas fa-sun";
    } else if (mode === "light") {
        darkTheme.disabled = true;
        toggle.className = "fas fa-moon";
    }
  }
</script>

</html>
